<template>
  <div style="background-color: white">
    <el-container style="height: 800px; border: 1px solid #eee;">
      <el-aside width="200px" style="margin-top: 1%" >
        <!-- <div style="width: 190px;background-color: white;padding: 5px;margin: auto">
          <img v-bind:src="user.userpic" width="150px" height="150px" style="border-radius: 300px;margin-left: 8%">
          <br>
          <br>
          <p style="margin:0 auto;text-align: center" >{{user.username}}</p>
        </div> -->

        <el-menu :default-openeds="['1','2']">
          
          <router-link to="/ucenter2/usercenter/changepwd">
            <el-menu-item index="1">
            <i class="el-icon-setting"></i>
            <span slot="title">修改密码</span>
            </el-menu-item>
          </router-link>
          <!-- <el-submenu index="1"> -->
            <!-- <template slot="title"><i class="el-icon-message"></i>用户中心</template> -->
            <!-- <el-menu-item-group> -->
              <!-- <router-link class="alink" to="/ucenter2/usercenter/showinfo"><el-menu-item index="1-1">个人信息</el-menu-item></router-link>
              <router-link class="alink" to="/ucenter2/usercenter/infoedit"><el-menu-item index="1-2">信息修改</el-menu-item></router-link>
              <router-link class="alink" to="/space/changepic"><el-menu-item index="1-3">修改头像</el-menu-item></router-link> -->
              <!-- <router-link class="alink" to="/ucenter2/usercenter/changepwd"><el-menu-item index="1-4">修改密码</el-menu-item></router-link> -->
            <!-- </el-menu-item-group> -->
          <!-- </el-submenu> -->
          <!-- <el-submenu index="2">
            <template slot="title"><i class="el-icon-menu"></i>博客管理</template>
            <el-menu-item-group>
              <router-link class="alink" to="/space/bokelist"><el-menu-item index="2-1">博客列表</el-menu-item></router-link>
              <router-link class="alink" to="/space/wirterboke"><el-menu-item index="2-2">书写文章</el-menu-item></router-link>
            </el-menu-item-group>

          </el-submenu> -->
        </el-menu>
      </el-aside>
      <el-container style="background-color: white">
        <el-main>
          <router-view/>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
// import jsCookie from 'js-cookie';
  export default {
    name:'Usercenter',
    data() {
      return {
        user:{
        userpic :"../assets/images/violet.png",
        username: '游客'
        }   
      }
    },
  }
</script>

<style>
.el-header {
  background-color: #B3C0D1;
  color: #333;
  line-height: 60px;
}

.el-aside {
  color: #333;
}
.alink{

  text-decoration: none;
}
</style>